     <script type="text/javascript">
       	$(document).ready(function(){
           	
	       	<?php 
			 foreach($ITEMSECTIONLIST as $section){
					?>
					<?php if($TEMP_CUSTOMIZEDCOLORFORSECTION[$section['id']]!=null):?>
						

						$('.section_class_' + <?=$section['id']?>).each(function(){
							document.getElementById('svg'+this.id).style.fill = "<?=$TEMP_CUSTOMIZEDCOLORFORSECTION[$section['id']]['value']?>";
							$("[name=item_section_color_"+<?=$section['id']?>+"]").val("<?=$TEMP_CUSTOMIZEDCOLORFORSECTION[$section['id']]['id']?>");
						});

		      	 	<?php 
					endif;
				}
			?>
       	});

       	
      </script>
 
 
 
<div class="row-fluid">
      	  	<?php
      	  	 $counter = 0 ;
      	  	 $coordinatescounter = 0;
      	  	 $displaydiv = "";
      	  	 foreach($ITEMVIEW as $view){
      	  	// if($counter == 0){
      	  	?>
      	  	<div class="span5" style="text-align: center;">
      	  			<h2><?=$view['name']?></h2>
      	  		<div id="div_image_view_<?=$view['id']?>" <?=$displaydiv?>>
      	  		<svg style="z-index:-1; position:absolute; width:100%; height:100%" version="1.1" xmlns="http://www.w3.org/2000/svg" id="svg_<?=$view['id']?>">

				</svg>
				<img src="<?=$view['image_path']?>" alt="<?=$view['name']?>" width="440" height="566" border="0" usemap="#Map_<?=$view['id']?>" style="margin-bottom: 24px;">
      	  		
      	  		<!--ITEM VIEW COORDINATES -->
      	  		<map name="Map_<?=$view['id']?>">
                   <area shape="poly" coords="278,105" href="#">
		             <?php 
			   		
			   		    $itemViewSectionCoordinatesVar = "ITEMVIEWCOORDINATES_".$view['id'];
	   					$itemViewSectionCoordinatesList = (isset($$itemViewSectionCoordinatesVar))? $$itemViewSectionCoordinatesVar : array();
	   					
	   					
	   					foreach ($itemViewSectionCoordinatesList as $viewCoordinates){
	   					 ?>
		                <area class="imagemap section_class_<?=$viewCoordinates['item_section_id']?>" title="<?=$viewCoordinates['item_section_id']?>" shape="poly" alt="<?=$view['id']?>" id="<?=$viewCoordinates['id']?>" coords="<?=$viewCoordinates['coordinates']?>" href="javascript:void(0);">
		                
		                <?php 
		                }
	   					?>
	             
	            </map>
      	  		</div>
      	  	</div>
      	    <?php
      	  	// }
      	    $counter++;
      	  	 }
      	  	 ?>
      	  	
			
      	 </div>
      	 
      	 <?php 
      	 if($currentaction != "viewcustomizedorder"){?>
	    <div style="display:none">
	   		<form id="customizedForm" action="" method="post">
	   			<input type="hidden" name="action" value="proceedtopayment"/>
	   		<?php forEach($ITEMSECTIONLIST as $itemsection){?>
	   			<input type="hidden" name="item_section_color_<?=$itemsection['id']?>"/>
	   		<?php } ?>
	   		</form>
	   	</div>
      	 <div class="2">
      	  			<h2 style='text-align: right'>&nbsp;
      	  			<a href="javascript:void(0)" onclick="submitForm('customizedForm')" class="pull-right">PROCEED TO PAYMENT &nbsp;&nbsp;<img src="/coreassets/company/hawk/images/nav-right.png" alt="nav-right" width="55" height="45"></a>
      	  			</h2>
      	  			<div class="clearfix"></div>
      	  </div>
      	  <?php }?>

